LaFix v4 · Sistem de design

Style Guide.
O singură limbă vizuală, de la atelier la GTM.

Token-uri, tipografie, iconuri, componente și reguli do/don't. Tot ce face LaFix să arate ca LaFix — și să se simtă hotărât, cald și de încredere pe orice ecran și rol.

01 · Brand

Cheia franceză și scânteia.

Marca LaFix unește două idei: meseria care rezolvă (cheia) și inteligența care anticipează (scânteia portocalie). Pe albastru electric — hotărâre și încredere. Wordmark-ul scoate „Fix" în evidență: promisiunea că se rezolvă.

LaFix

Voce de brand

Hotărât — vorbim scurt, ca un meseriaș sigur pe el. „Se rezolvă."

Cald — omenește, fără corporatism. „Zi bună la treabă, șefu'."

De încredere — spunem pe ce ne bazăm. Gogu arată mereu certitudinea.

02 · Culori

Albastru electric, portocaliu, mov pentru Gogu.

Neutre off-black/off-white pentru fundal și text. Brandul (albastru) pentru acțiuni. Portocaliul — accent rar, pentru atenție. Movul e rezervat exclusiv asistentului. Documentat aici în temă întunecată; tema deschisă folosește aceleași hue-uri inversate.

03 · Tipografie

Newsreader pentru voce, Inter pentru muncă.

Un serif literar (Newsreader) dă căldură și gravitate titlurilor și citatelor. Inter — clar, neutru, lizibil la 12px pe tabletă — duce toată interfața și datele.

Display · Newsreader 500Se rezolvă.
H2 · Newsreader 500Calm sub presiune
Pull-quote · Newsreader italico unealtă bună eliberează atenția
Body · Inter 400 · 15pxTextul de bază merge pe Inter, 1.6 line-height, pentru lizibilitate la distanță de braț pe tabletă.
Label · Inter 600 · 11px capsRol activ
Mono · date/coduriB-127-LFX · 89 €

04 · Iconuri

Un singur set, desenat de mână. Fără emoji.

Linie de 1.75px pe grilă de 24, capete rotunde, currentColor. Intuitive și pe tematică auto unde se poate (cheie, mașină, manometru). Aceeași familie pe meniu, taburi, butoane, statusuri.

05 · Spațiere · colțuri · umbre

Ritm de 4px, colțuri prietenoase.

4 · 8 · 12
spacing px
16 · 20 · 24
spacing px
10–18px
radius card/buton
999px
chip / pill / FAB-text

8px · controale mici

14px · carduri & panouri

18px · containere mari, FAB

06 · Componente

Blocurile care se repetă peste tot.

Butoane

Acțiune principală Accent Întreabă Gogu Secundar Terțiar

Status chips

Aprobat În așteptare Eroare SPV În lucru Renegociere

FAB (creare)

Mereu jos-dreapta. Acțiunea de creare a fiecărui ecran + scurtătură „Întreabă Gogu".

Card AI (Gogu)

Alternativă mai bunăGogu

Aceeași piesă la AutoTotal, −11 €, livrare azi. Schimb furnizorul?

07 · Identitatea lui Gogu

Movul vorbește, nu aplicația.

Asistentul are o culoare numai a lui. Oriunde apare mov, utilizatorul știe instant că e inteligența LaFix — într-un widget, o căutare, un card sau un rând. Niciodată țipător; mereu calm și sigur.

Gogu / LaPix / Fix — numele îl alege patronul

Personalitate reglabilă (prietenos / concis / expert). Arată mereu sursa și gradul de încredere. Propune, nu impune — decizia rămâne a omului.

08 · Reguli

Do / Don't.

Așa da

Tap → panou dreapta, identic pe orice ecran.
Capitalizare corectă („Flux Piese"), niciodată ALL CAPS în label-uri lungi.
Movul doar pentru Gogu. Albastrul pentru acțiuni.
Iconuri din setul LaFix, 1.75px, currentColor.
Ținte ≥44px, FAB jos-dreapta, la îndemâna degetului.

Așa nu

Fără meniuri duble pe margini care mănâncă spațiul.
Fără emoji ca iconuri de sistem.
Fără mov decorativ — diluează semnătura lui Gogu.
Fără tabele/formulare generice; control specific pe context.
Fără a inventa a 3-a convenție de interacțiune „doar aici".

Style guide-ul nu e despre frumusețe. E despre recunoaștere: un meseriaș obosit trebuie să „citească" ecranul fără să gândească.

LaFix v4 — Style Guide. Perechea practică a documentului de valori & psihologie.

Înapoi la Hub